<template>
    <view>
        <view class="list-container-item">
            <view class="item-1">
				<view class="top-label" @click="retractItem">
					<view>食堂信息</view>
					<view v-if="viewItem.show"><uv-icon name="arrow-down" size="35rpx" color="#000000"></uv-icon></view>
					<view v-else><uv-icon name="arrow-right" size="35rpx" color="#000000"></uv-icon></view>
				</view>
                <view class="info-1" v-if="viewItem.show">
                    <view class="row">
                        <view class="title">食堂名称:</view>
                        <view class="con">{{ form.schoolName }}</view>
                    </view>
                    <view class="row">
                        <view class="title">供应餐次:</view>
                        <view class="con">{{ form.headmasterName }}</view>
                    </view>
                    <view class="row">
                        <view class="title">学校地区类型:</view>
                        <view class="con">{{ form.schoolNature }}</view>
                    </view>
                    <view class="row">
                        <view class="title">食安管理人员:</view>
                        <view class="con">{{ form.feedingMode }}</view>
                    </view>
                    <view class="row">
                        <view class="title"  style="width: 300rpx;">联系方式:</view>
                        <view class="con">{{ form.cafeteriaName }}</view>
                    </view>
                    <view class="row">
                        <view class="title" style="width: 300rpx;">餐饮风险量化等级:</view>
                        <view class="con">{{ form.canteenPerson }}</view>
                    </view>
					<view class="row">
					    <view class="title">AI智能后厨:</view>
					    <view class="con">{{ form.feedingMode }}</view>
					</view>
					<view class="row">
					    <view class="title">经营模式:</view>
					    <view class="con">{{ form.feedingMode }}</view>
					</view>
					<view class="row">
					    <view class="title">经营场所平面图:</view>
					    <view class="con">{{ form.feedingMode }}</view>
					</view>
					<view class="row">
					    <view class="title">从业人员数量:</view>
					    <view class="con">{{ form.feedingMode }}</view>
					</view>
					<view class="row">
					    <view class="title">食品经营许可证编号:</view>
					    <view class="con">{{ form.feedingMode }}</view>
					</view>
          <view class="row">
            <view class="title">食品经营许可证:</view>
            <view class="con">{{ form.feedingMode }}</view>
          </view>
					<view class="row">
					    <view class="title">中国居民身份证:</view>
					    <view class="con">{{ form.feedingMode }}</view>
					</view>


                </view>
            </view>
        </view>

    </view>
</template>

<script setup>
import { ref,reactive } from "vue";
const  viewItem = reactive({show:false})
const form = ref({ schoolName: '长春第一实验幼儿园', headmasterName: '去过问', schoolNature: '公办', feedingMode: '自有食堂', cafeteriaName: '长春市第一幼儿园食堂', canteenPerson: '张哈哈' })

function retractItem(){
	viewItem.show = !viewItem.show
	}
</script>

<style lang="scss" scoped>
@import "@/static/css/dailycheck/viewIndex.scss";
</style>